.container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #999999;
  min-height: calc(100vh - 150px);

  .img_box {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    opacity: 0.8;

    .logo {
      width: 40px;
      border-radius: 50%;
    }

    .loading {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      position: absolute;
      left: 15px;
      top: 15px;
      animation: loading 0.8s infinite linear;
    }
  }
}

.loading_box {
  :global {
    .arco-toast-inner {
      background: rgba(255, 255, 255, 1);
    }
  }
}

@keyframes loading {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);
  }
}
